.component-xhfPaying {
	@keyframes morph {
		0% {
		}
		30% {
			fill: #fff;
		}
		60% {
		}
		100% {
		}
	}
	.xhfIcon-pic {
		margin: 0.2rem 0;
		width: 0.72rem;
		height: 0.68rem;
	}
	.xhfIcon-loading {
		width: 0.86rem;
		height: 0.4rem;
		.loading-bullets {
			fill: rgba($color: #fff, $alpha: 0.5);
			.loading-circle-1 {
				-webkit-animation: morph 1.25s ease infinite;
				animation: morph 1.25s ease infinite;
			}
			.loading-circle-2 {
				-webkit-animation: morph 1.25s 0.25s ease infinite;
				animation: morph 1.25s 0.25s ease infinite;
			}
			.loading-circle-3 {
				-webkit-animation: morph 1.25s 0.5s ease infinite;
				animation: morph 1.25s 0.5s ease infinite;
			}
		}
	}
}
